<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript"src="js/jquery-1.12.4.min.js"></script>
		<link rel="stylesheet" type="text/css" href="css/onlline.css"/>
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>
	<body>
		<div class="top"></div>
		<div class="online">
			<div class="online_cont">
				<p class="on_top">首页 > 在线反馈</p>
				<div class="liuyan">
					<br />
					<span style="font-size: 22px;color: orange;margin-left: 10px; margin-right: 20px;">第一步</span><span style="font-weight: bold;">选择类型</span><br />
					<br />
					<div class="liu_1">
						<p><input type="radio" name="cha"id="cha"/><label for="cha"style="margin-left: 5px;">网站内容</label></p>
						<p><input type="radio" name="cha"id="ser"/><label for="ser"style="margin-left: 5px;">服务态度</label></p>
						<p><input type="radio" name="cha"id="pro"/><label for="pro"style="margin-left: 5px;">产品质量</label></p>
						<p><input type="radio" name="cha"id="oth"/><label for="oth"style="margin-left: 5px;">其他</label></p>
					</div>
					<hr />
					<span style="font-size: 22px;color: orange;margin-left: 10px;margin-right: 20px;">第二步</span><span style="font-weight: bold;">请描述您的建议、意见、问题等</span><br />
					<br />
					<textarea name="" rows="" cols=""class="liu_text"></textarea>
					<hr />
					<div class="phone">
						<span style="font-size: 22px;color: orange;float: left; margin-left: 10px;margin-right: 20px;">第三步</span>
						<p class="shou"><span style="margin-right: 10px;">手机</span><input type="text"style="outline: none;"/></p>
						<p class="you"><span style="margin-right: 10px;">邮箱</span><input type="text" style="outline: none;"/></p>
					</div>
					<br />
					<div class="sub">提交</div>
				</div>
				<div class="qq_1">
					<img src="img/qq .png"/>
					<div class="sao"></div>
					<p style="text-align: center;line-height: 30px;font-weight: bold;">扫一扫QQ互动</p>
				</div>
				
				<div class="weichat">
					<img src="img/weixin.png"/>
					<div class="sao"></div>
					<p style="text-align: center;line-height: 30px;font-weight: bold;">扫一扫微信咨询</p>
				</div>
			</div>
		</div>
		<div class="foot"></div>
	</body>
</html>
<script type="text/javascript">
	$(function(){
		$('.top').load('header.html')
		$('.foot').load('footer.html')
		setInterval(function(){
			$('.sao').animate({
				top:"200px"
			})
			$('.sao').animate({
				top:"0px"
			})
		},500)
		$('.sub').click(function(){
			if($('.liu_text').val()==''||$('.phone input').eq(0).val()==''||$('.phone input').eq(1).val()==''){
				alert('输入框不能为空')
			}
			
			$('.liu_text').val('')
			$('.phone input').eq(0).val('')
			$('.phone input').eq(1).val('')
			
		})
		
	})
</script>